<div class="StateIcon" :style="{fontSize: `${this.size}px`}">
    <!-- 成功 -->
    <div class="li success" v-if="type=='success'"><i class="el-icon-success"></i></div>
    <!-- 失败 -->
    <div class="li error" v-if="type=='error'"><i class="el-icon-circle-close"></i></div>
    <!-- 严重失败 -->
    <div class="li serious" v-if="type=='serious'"><i class="el-icon-error"></i></div>
    <!-- 危险 -->
    <div class="li danger" v-if="type=='danger'"><i class="el-icon-warning"></i></div>
    <!-- 警告 -->
    <div class="li warning" v-if="type=='warning'"><i class="el-icon-warning-outline"></i></div>
    <!-- 进行中 -->
    <div class="li loading" v-if="type=='loading'"><i class="el-icon-loading"></i></div>
    <!-- 等待 -->
    <div class="li waiting" v-if="type=='waiting'"><i class="el-icon-hot-water"></i></div>
    <!-- 主要 -->
    <div class="li main" v-if="type=='main'"><i class="el-icon-star-on"></i></div>
</div>